<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>掌柜</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 日期选择 css 文件 -->
    <link rel="stylesheet" href="css/date-select.css" type="text/css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body onload="time()">
    <!-- Start turnover -->
    <div class="turnover">
        <!-- 固定顶部 -->
        <div class="turnover-top clearfix">
            <div class="left">
                <a href=""></a>
            </div>
            <div class="turnover">
                营业额
            </div>
            <div class="right">
           
            </div>
        </div>
        <div class="turnover-center">
            <input type="text" id="select-date"/>
        </div>
        <div class="turnover-bottom">
            <div class="tuba">
                总营业额<span>¥5678</span>
            </div>
            <ul class="tubb clearfix">
                <li style="background:#e3e5df">
                    单数(单)
                    <p>100</p>
                </li>
                <li style="background:#dee2d7">
                    人数(人)
                    <p>28</p>
                </li>
                <li style="background:#daddce">
                    人均(元)
                    <p>123.4</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- End turnover -->

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.3.0.min.js" ></script>
    <script type="text/javascript" src="js/mobiscroll.js" ></script>
    <script type="text/javascript">
        $(function () {
            var newjavascript={
                plugdatetime:function ($dateTxt,type) {
                        //var curr = new Date().getFullYear();
                        var opt = {}
                        opt.time = {preset : type};
                        opt.date = {preset : type};
                        opt.datetime = { 
                            preset : type, 
                            stepMinute: 1  
                        };
                        
                        $dateTxt.val('').scroller('destroy').scroller($.extend(opt[type], { 
                            theme: "sense-ui", 
                            mode: "scroller", 
                            display: "modal", 
                            lang: "english",
                            monthText: "月",
                            dayText: "日",
                            yearText: "年",
                            hourText: "时",
                            minuteText: "分",
                            ampmText:"上午/下午",
                            setText: '完成',
                            cancelText: '取消',
                            dateFormat: 'yy年mm月dd日',
                            dateOrder: 'yymmdd', //面板中日期排列格
                            minDate: new Date(2010,1,01), 
                            maxDate: new Date(), 
                        })
                    );
                }
            }
            newjavascript.plugdatetime($("#select-date"), "date");
        });
    </script>
    <script language="javascript" type="text/javascript">
        //js获取日期
        function time(){
          var now= new Date();
          var year=now.getFullYear();
          var month=now.getMonth()+1;
          if(month<10){
            month="0"+month;
           }
          var date=now.getDate();
        //写入相应id
         document.getElementById("select-date").value=year+"年"+month+"月"+date+"日";
        } 
</script>
</body>
</html>